<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <meta name="author" content="phpboy, shaoqisq123@gmail.com"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta http-equiv="x-dns-prefetch-control" content="on" />
    <link rel="dns-prefetch" href="//cdn.bootcss.com"/>
    <link rel="dns-prefetch" href="//cdn.amazeui.org"/>
    <!-- 添加 favicon icon -->
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
    <!--苹果设备 start-->
    <meta name="apple-mobile-web-app-title" content="黄埔信息牛人网">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!--Android Lollipop 中的 Chrome 39 增加 theme-color meta 标签，用来控制选项卡颜色。-->
    <meta name="theme-color" content="#db5945">
    <!-- Windows 8 磁贴颜色 -->
    <meta name="msapplication-TileColor" content="#000"/>
    <!-- Windows 8 磁贴图标 -->
    <meta name="msapplication-TileImage" content="icon.png"/>
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="//cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css">
    <link href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/modernizr/2.8.3/modernizr.min.js"></script>
    <![endif]-->
    <script src="//cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js"></script>
    <title>大盘预测</title>
</head>
<body>
<div class="am-panel am-panel-default am-margin-top" style="border:#CCC 3px dashed;border-radius:3%;">
    <div class="am-panel-bd">
        <div class="am-g">
            <div class="am-u-sm-1">涨</div>
            <div class="am-u-sm-9">
                <div class="am-progress am-progress-striped am-progress-sm am-active ">
                    <div class="am-progress-bar am-progress-bar-danger"  style="width: {$data.1.be}%"></div>
                </div>
        </div><div class="am-u-sm-2">
            {$data.1.total}
        </div></div>
        <div class="am-g">
            <div class="am-u-sm-1">平</div>
            <div class="am-u-sm-9">
                <div class="am-progress am-progress-striped am-progress-sm am-active ">
                    <div class="am-progress-bar am-progress-bar-secondary"  style="width: {$data.2.be}%"></div>
                </div>
        </div><div class="am-u-sm-2">
            {$data.2.total}
        </div></div>
        <div class="am-g">
            <div class="am-u-sm-1">跌</div>
                <div class="am-u-sm-9">
                    <div class="am-progress am-progress-striped am-progress-sm am-active ">
                        <div class="am-progress-bar am-progress-bar-success"  style="width: {$data.3.be}%"></div>
                    </div>
                    </div>
                <div class="am-u-sm-2">
                    {$data.3.total}
                </div>
            </div>
    </div>
        <button type="button" class="am-btn-danger am-btn am-round am-btn-block" onclick="push()">我要投票</button>
        <div class="am-tabs am-margin-top" data-am-tabs id="doc-my-tabs">
            <ul class="am-tabs-nav am-nav am-nav-tabs">
                <li class="am-active"><a href="#tab1" data=1><span class="am-icon-btn am-icon-smile-o am-icon-md am-danger"></span><br/><span style="width: 48px;display: block;" class="am-text-center">涨</span></a></li>
                <li><a href="#tab1" data=2><span class="am-icon-btn am-icon-smile-o am-icon-md am-secondary"></span><br/><span style="width: 48px;display: block;" class="am-text-center">平</span></a></li>
                <li><a href="#tab1" data=3><span class="am-icon-btn am-icon-smile-o am-icon-md am-success"></span><br/><span style="width: 48px;display: block;" class="am-text-center">跌</span></a></li>
            </ul>

            <div class="am-tabs-bd">
<div class="am-tab-panel am-fade am-in am-active" id="tab1">
                    涨：上涨在0.5%以上<br/> 平：正负0.5% <br/> 跌：负0.5%以上 </div>
                <div class="am-tab-panel am-fade" id="tab2">
                    涨：上涨在0.5%以上<br/> 平：正负0.5% <br/> 跌：负0.5%以上 </div>
                <div class="am-tab-panel am-fade" id="tab3">
                    涨：上涨在0.5%以上<br/> 平：正负0.5% <br/> 跌：负0.5%以上 </div>
            </div>
        </div>

    </div>
</div>
<script>
    var type=1;
    $('#doc-my-tabs').find('a').on('opened.tabs.amui', function(e) {
        type=$(this).attr('data');
    });
    var push=function(){
return false;
        $.post('{:U('/Home/Stock/pgrail','','html',true)}',{'type':type},function(ref){
            alert(ref.msg);
            if(ref.code==0){
                // 重新载入
                window.location.reload();
            }
        },'json');
    }
</script>
</body>
</html>
